examples/hello-next/pages/posts/[id].tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

import { useRouter } from "next/router";
import Link from "next/link";

export default function Post({}) {
  const router = useRouter();

  return (
    <div style={{ padding: 16 }}>
      <h1>Post: {router.query.id}</h1>
      <ul>
        <li>
          <Link href="/">
            <a>Root page</a>
          </Link>
        </li>
      </ul>
    </div>
  );
}